<%@page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<div style="height: 93px; border: 1px solid #c9c9c9; margin-top:5px;  margin-left:5px; margin-right:5px">
    <FORM method="post" id="logoutForm" name="logoutForm" action="">
        <INPUT TYPE="hidden" id="accountName" NAME="accountName" value="${accountName}">
        <INPUT TYPE="hidden" id="accountPassword" NAME="accountPassword" value="${accountPassword}">
        <TABLE width="100%" cellSpacing="0" cellpadding="10" border="0">
            <tr style="color: #4682B4">
                <td style="width: 70px; vertical-align:middle; background:-moz-linear-gradient(top,#E1EBF4,#FFFFFF); background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#E1EBF4), to(#FFFFFF)); background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, #E1EBF4),color-stop(1, #FFFFFF)); border-right:0;">
                    <img src="${ctx}/images/common/logo.gif" />
                </td>
                <td style="font-size:15px; font-weight:bold; vertical-align:middle; background:-moz-linear-gradient(top,#E1EBF4,#FFFFFF); background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#E1EBF4), to(#FFFFFF)); background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, #E1EBF4),color-stop(1, #FFFFFF)); border-right:0;">
                    <span>${securityAccount.application.applicationName}</span>
                </td>
                <td align="center" style="width:200px; vertical-align:middle;background:-moz-linear-gradient(top,#E1EBF4,#FFFFFF); background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#E1EBF4), to(#FFFFFF)); background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, #E1EBF4),color-stop(1, #FFFFFF)); font-size:15px; font-weight:bold; border-left:0;" nowrap>
                    <span>${accountName} </span><a onclick="logout('${ctx}/controller/Logout')" style="cursor: hand">退出</a>
                </td>
            </tr>
        </TABLE>
    </FORM>
    <TABLE width="100%" cellSpacing="0" cellpadding="0" border="0">
        <tr>
            <td style="width:15px;background-image: url(${ctx}/images/common/menu.jpg); background-repeat: repeat-x;">&nbsp;</td>
            <td height="31" style="background-image: url(${ctx}/images/common/menu.jpg); background-repeat: repeat-x;" nowrap>
                <ul id="navigation">
                    <c:forEach var="resource1" items="${securityAccount.resourceList}">
                        <c:if test="${resource1.resourceState == 1}">
                            <li onmouseover="displayMenu(this)" onmouseout="hideMenu(this)">
                            ${resource1.resourceName}
                            <ul onclick="hide(this)">
                                <c:forEach var="resource2" items="${resource1.resourceList}">
                                    <li onclick="showMenuItem('${resource2.resourceId}', '${resource2.resourceName}', '${ctx}${resource2.resourceUrl}');" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
                                    ${resource2.resourceName}
                                    </li>
                                </c:forEach>
                            </ul>
                            </li>
                        </c:if>
                    </c:forEach>
                </ul>
            </td>
            <td style="text-align: right; background-image: url(${ctx}/images/common/menu.jpg); background-repeat: repeat-x; width: 50px">
                <img src="${ctx}/images/common/close.gif" title="关闭所有标签" onclick="closeAllTab()" alt="">&nbsp;
            </td>
        </tr>
    </TABLE>
</div>
<script type="text/javascript">
function logout(url) {
    document.getElementById("logoutForm").action = url;
    document.getElementById("logoutForm").submit();
}
</script>
